﻿@charset "utf-8";

.cmxform .table-centre tbody tr td:first-child{
    width:30%;
}
.cmxform  .form-control{
    width:60%;
}
.cmxform .verifyWidth{
    width:36%;
}
.cmxform .verify-code {
   width:41%;
}
.cmxform  .selectric-wrapper{
    width:60%;
}
.cmxform .table-centre tbody tr td.agreePadding{
    padding-left:255px;
    padding-top:20px;
}
.resetPassword{
    width:650px;
}

.pointPhone{
    display:inline-block;
    margin-bottom:20px;
    font-size:12px;
    color: #ff9600;
}
.userText {
    padding-top:20px;
	font-size: 18px;
	color: #010101;
}
.secondText {
	font-size: 16px;
	color: #000;
}
.btnWrapper {
	margin-top: 50px;
    font-size:16px;
}

.g-logo{
	margin-bottom: 45px;
}
.g-logo-center{
	border-bottom: solid 1px #00c3ac;
}
.g-main{
	width: 802px;
	padding-bottom: 50px;
	border: solid 1px #eee;
	margin: 0 auto 50px;
}
.m-register-nav{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 50px;
	background: #ebebeb;
}
.m-register-nav-uls{
	width: 100%;
	height: auto;
}
.m-register-nav-uls li{
	float: left;
	width: 266px;
	font-size: 16px;
	text-align: center;
	text-indent: -10px;
	line-height: 40px;
	color: #333;
	background: url(../../img/SelfHelp/m-register-nav-bgl.png) no-repeat right center;
}
.m-first-list{
	color: #fff !important;
	background:#00c3ac url(../../img/SelfHelp/m-register-nav-bgs.png) no-repeat right center !important;
}
.m-tow-list{
	color: #fff !important;
	background:#00c3ac url(../../img/SelfHelp/m-register-nav-bg.png) no-repeat right center !important;
}
.m-last-list{
	background: none !important;
}
.m-four{
	color: #fff !important;
	background:#00c3ac !important;
}
.m-list{
	width: 200px !important;
}
.m-three-list{
	display: none;
}
.m-register-form{
	/*width: 440px;*/
    width:500px;
	margin: 0 auto;
}
.m-register-form-left{
	float: left;
	/*width: 56px;*/
    width:100px;
	height: auto;
	margin-right: 42px;
}
.m-register-form-left-uls{
	width: 100%;
	height: auto;
}
.m-register-form-left-uls li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: right;
	/*margin-bottom: 20px;*/
    margin-bottom: 40px;

}
.m-register-form-right{
	float: left;
	width: 340px;
	height: auto;
}
form input,select{
	display: inline-block;
	border: solid 1px #a7a7a7;
	text-indent: 5px;
	line-height: 40px;
	color: #585858;
    *display: inline;
    *zoom: 1;

	/*margin-bottom: 20px;*/
}
option{
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
}
.m-register-form-id{
	margin-bottom: 15px;
}
#form_checked{
	display:none;
}
.m-message-box{
	position: relative;
	width: 100%;
	height: auto;
}
.sct{
    display: inline-block;
    width: 156px;
    height: 40px;
    border: solid 1px #a7a7a7;
    text-indent: 5px;
    line-height: 40px;
    color: #585858;
    margin-bottom: 20px;
    margin-right: 20px;
}
.sct b{
	  display:inline-block;
    width: 137px;
    text-align: left;
    text-indent: 5px;
    color: #666;
    line-height: 40px;
    font-weight: normal;
}
.m-register-label{
	float: left;
	margin: -5px -3px 10px 15px;
}
.m-register-label span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	border: solid 1px #bcbcbc;
}
.m-register-label span img{
	position: absolute;
	top: 0;
	right: 0px;
	display: none;
}
#form_checked:checked +label span img{
	display: block;
}
.m-register-form-p{
	display: none;
	width: 100%;
	line-height: 40px;
	margin-bottom: 20px;
}
.m-register-block{
	display: block;
}

.m-register-form-p-five{
	text-align: center;
}
.m-register-btn-next-five{
	float: none !important;
	margin: 0 auto !important;
}
.select{
	position: relative;
	margin-bottom: 20px;
}
.nav2 {
    width: 100%;
    height: 40px;
    border: 1px solid #999999;
}
.nav2 p {
    display: block;
    line-height: 40px;
    width:100%;
    text-indent:5px ;
    margin-bottom: 0;
}
.new2 {
    width: 100%;
    position: absolute;
    border: 1px solid #CCC;
    display: none;
    margin-top: -1px;
    margin-left: -1px;
}
.nav4,.nav5{
	width: 156px;
}
.new4,.new5{
	width: 156px;
	height: 200px;
	overflow: auto;
	background: #fff;
	z-index: 9999;
}
.select2{
	float: left;
}
.select3{
	margin-right: 28px;
}
.m-id{
	display: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 5px;
	margin-bottom: 20px;
}
.nav2 ul li {
    line-height:40px;
    padding-left: 10px;
    margin-bottom: 0;
    background: #FFFFFF;
}
.m-register-yes{
	text-align: center;
}
.m-register-yes .m-no-btn a{text-decoration:none;}
.m-register-yes .m-no-btn:hover a{color:white;}
.m-register-yes p{
	line-height: 60px;
}

.m-sel{
	height: 29px;
}
.m-txt,.m-btn{
	border: 1px;
	height: 20px;
}
.m-set-btn{
	text-align: center;
}
.m-form-p{
	position: relative;
	width: 100%;
	height: auto;
}
.high{
	position: absolute;
	right: -18px;
	top: 12px;
	color: red;
}
.formtips{
	position: absolute;
	top: 10px;
	right:-35%;
	color: red;
}
.m-form-p label{
	display: none;
}

@media screen\9 {
	.m-register-label span img{
			display: block;
	}
	.nav4{
		width: 152px;
	}
}
@media \0screen {
	.m-register-label span img{
			display: block;
	}
}
.forwardLoginP {
	margin-top: 50px;
	color: #000;
}
.fl {
    float: left;
}

.friendTip {
	position: relative;
	height: 60px;
	margin-bottom: 10px;
	line-height: 60px;
	font-size: 12px;
	text-align: left;
	color: #ff9600;
}
.pl72 {	padding-left: 72px;}
.pl44 { padding-left: 44px;}
.friendTip span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-top: 20px;
	background: url(../../img/SelfHelp/whyIcon.png) no-repeat;
}
.friendTip div.answer {
	position: absolute;
	z-index: 10;
	top: 1px;
	left: 260px;
	height: 22px;
	line-height: 22px;
	width: 370px;
	border: 1px solid #ccc;
	text-align: center;
	color: #333333;
	background: #fff;
}
.friendTip .answer a,
.friendTip .answer a:hover,
.friendTip .answer a:visited {
	color: #0000ff;
	text-decoration: underline;
}
.friendTip a { color: #5381c7;}


.agreementIframe {
	position: absolute;
	top:40px;
    left:0px;
	width: 803px;
	height: 600px;
	border: none;
    z-index:100;
}
.hidden {
    display: none;
}
.ifAgreeCheck  {
	float: left;
	margin-right: 10px;
    width: auto;
	height: auto;
	border: none;
	text-indent: 5px;
	line-height: normal;
	margin-bottom: auto;
}
.ifAgreeUnCheck  {
	border: 2px solid red;
}
.alertAgreement {
  position: absolute;
	z-index: 999999;
	width: 802px;
	height:530px;
    box-shadow: 2px 2px 3px #f7f7f7,-2px 2px 3px #f7f7f7;
  -ms-box-shadow: 2px 2px 3px #f7f7f7,-2px 2px 3px #f7f7f7;
	-moz-box-shadow: 2px 2px 3px #f7f7f7,-2px 2px 3px #f7f7f7;
	-webkit-box-shadow: 2px 2px 3px #f7f7f7,-2px 2px 3px #f7f7f7;
	color: #010101;
	background: #f0faf8;
}
.alertAgreement .titleBlue {
	width: 800px;
	height: 36px;
	margin-left: 1px;
	padding-right: 9px;
}
.alertAgreement .titleBlue a {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
    margin-right:-13px;
	font-size: 24px;
    text-decoration:none;
}
.agreementCon {
	position:relative;
	height: 460px;
	width: 802px;
	overflow: hidden;
}
.agreementCon .agreementText {
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	padding: 0 12px 12px 12px;
}
.scroll_bg{
	display: none;
	position: absolute;
	z-index: 999;
	right: -10px;
	background: #dedee0;
}
.scroll_bg .scroll_tiao{
	position: absolute;
	z-index: 1000;
	left: 1px;
	top: 0;
	width: 19px;
	height: 77px;
	background: url(../../img/SelfHelp/scrollIcon.png) no-repeat;
}
.agreementText h2 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
	color: #000;
}
.agreementText p {
	line-height: 20px;
	font-size: 14px;
}
.agreementText p.mb16 {
	margin-bottom: 16px;
}
.alertAgreement .btnWrapper {
    width:800px;
	height: 50px;
	padding-top: 14px;
	text-align: center;
	background: #fff;
}

.checkKAlert {
	position: absolute;
	z-index: 9999;
	top: 40%;
	left: 50%;
	width: 294px;
	height: 254px;
	margin-left:-147px;
	margin-top: -78px;
	border: 1px solid #999999;
	background: #fff;
}
.checkKAlert h2 {
	height: 34px;
	padding-left: 14px;
	line-height: 34px;
	color: #fff;
	font-size: 14px;
	background: #999999;
}
.checkKAlert .checkKCon {

	padding-top: 10px;
	padding-left: 14px;
}
.checkKCon p {
	line-height: 20px;
	color: #010101;
}
.checkKCon p a,
.checkKCon p a:hover,
.checkKCon p a:visited {
	color: #5381c7;
}
.checkKAlert .btnWrapper {
	padding-top: 6px;
	text-align: center;
}
.select-prov .selectric-wrapper {
    width:28%;
    float:left;
}
.margtin-right {
    margin-right:4%;
}
.info {
  background: url('../../img/info.png') no-repeat 0 center;
  background-size:14px 14px;
  display: inline-block;
  text-indent: 18px;
  vertical-align:middle;
  margin-left: 10px;
  color: red;
  *display: inline;
  *zoom: 1;
}
